import React from 'react'
import './drive.css'
import { useNavigate } from 'react-router-dom'
export default function Drive() {
    const navigate=useNavigate()
  return (
    <div className='drive'>
      <img src="../img/13.png" alt="" className='fan' onClick={()=>{navigate('/home/my/page')}}/>
      <img src="../img/6.png" alt="" className='speed'/>
      <img src="../img/7.png" alt="" className='km'/>
      <img src="../img/8.png" alt="" className='gpst'/>
      <img src="../img/10.png" alt="" className='gpsw'/>
      <img src="../img/11.svg" alt="" className='atlas'  onClick={()=>{navigate('/atlas')}}/>
      <img src="../img/12.svg" alt="" className='zk'/>
      <img src="../img/14.png" alt="" className='music'/>
      <img src="../img/15.png" alt="" className='call'/>
      <img src="../img/16.png" alt="" className='phone'/>
      <img src="../img/17.png" alt="" className='yuyin'/>
    </div>
  )
}
